<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>Orange Community-人才培养</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" crossorigin="anonymous">
        <link rel="icon" th:href="@{/img/icon.png}"/>
        <link rel="stylesheet" th:href="@{css/global.css}"/>
    </head>
    <body>
        <div class="nk-container">
            <header th:replace="index::header"></header>

            <div class="main">
                <div class="container">
                    <div class="position-relative" in>
                        <!-- 筛选条件 -->
                        <ul class="nav nav-tabs mb-3">
                            <li class="nav-item">
                                <a class="nav-link active">培养方案</a>
                            </li>
                        </ul>
                        <button type="button" style="background-color: deepskyblue;"
                                class="btn btn-primary btn-sm position-absolute rt-0" data-toggle="modal"
                                data-target="#publishModal">我要讨论
                        </button>
                    </div>
                    <!-- 弹出框 -->
                    <div class="modal fade" id="publishModal" tabindex="-1" role="dialog"
                         aria-labelledby="publishModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="publishModalLabel">新帖发布</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <form>
                                        <div class="form-group">
                                            <label for="recipient-name" class="col-form-label">标题：</label>
                                            <input type="text" class="form-control" id="recipient-name">
                                        </div>
                                        <div class="form-group">
                                            <label for="message-text" class="col-form-label">正文：</label>
                                            <textarea class="form-control" id="message-text" rows="15"></textarea>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                                    <button type="button" class="btn btn-primary" id="publishBtn"
                                            style="background-color: deepskyblue;">发布
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 提示框 -->
                    <div class="modal fade" id="hintModal" tabindex="-1" role="dialog" aria-labelledby="hintModalLabel"
                         aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="hintModalLabel">提示</h5>
                                </div>
                                <div class="modal-body" id="hintBody">
                                    发布完毕!
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 帖子列表 -->
                    <ul class="list-unstyled">
                        <li class="media pb-3 pt-3 mb-3 border-bottom">
                            <a>
                                <img th:src="@{/img/icon.png}" class="mr-4 rounded-circle" alt="用户头像"
                                     style="width:50px;height:50px;">
                            </a>
                            <div class="media-body">
                                <h6 class="mt-0 mb-3">
                                    <a>校企人才供给侧方针</a>
<!--                                    <span class="badge badge-secondary bg-primary">置顶</span>-->
<!--                                    <span class="badge badge-secondary bg-danger"-->
<!--                                          th:if="${map.post.status==1}">精华</span>-->
                                </h6>
                                <div class="text-muted font-size-12">
                                    <u class="mr-3">黄老师</u> 发布于
                                    <b>2022-03-09 15:24:08</b>
                                    <ul class="d-inline float-right">
                                        <li class="d-inline ml-2">赞 <span>14</span></li>
                                        <li class="d-inline ml-2">|</li>
                                        <li class="d-inline ml-2">回帖 <span>8</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="media pb-3 pt-3 mb-3 border-bottom">
                            <a>
                                <img th:src="@{/img/orange.png}" class="mr-4 rounded-circle" alt="用户头像"
                                     style="width:50px;height:50px;">
                            </a>
                            <div class="media-body">
                                <h6 class="mt-0 mb-3">
                                    <a>高校人才培养方案更新</a>
                                    <!--                                    <span class="badge badge-secondary bg-primary">置顶</span>-->
                                    <!--                                    <span class="badge badge-secondary bg-danger"-->
                                    <!--                                          th:if="${map.post.status==1}">精华</span>-->
                                </h6>
                                <div class="text-muted font-size-12">
                                    <u class="mr-3">王老师</u> 发布于
                                    <b>2022-04-08 08:45:46</b>
                                    <ul class="d-inline float-right">
                                        <li class="d-inline ml-2">赞 <span>8</span></li>
                                        <li class="d-inline ml-2">|</li>
                                        <li class="d-inline ml-2">回帖 <span>6</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!-- 分页 -->
                    <nav class="mt-5" th:replace="index::pagination">
                    </nav>
                </div>
            </div>

            <footer th:replace="index::footer"></footer>
        </div>

        <script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.js" crossorigin="anonymous"></script>
        <script th:src="@{/js/global.js}"></script>
    </body>
</html>